<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>报修查询</title>
    <link rel="stylesheet" href="__PUBLIC__/home/css/weui.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/home/css/example.css"/>
    <link rel="stylesheet" href="__PUBLIC__/home/css/reset.css"/>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1463970381_5922282.css">
    <style>
        .accordion-item-content {
            display: none;
        }

        .active {
            background: #F1F1F1;
        }

        .coll {
            padding-left: 24px;
        }

        .accordion-item {
            border-top: 1px solid #D9D9D9;
        }
    </style>
</head>
<body>
<div class="all ub ub-ver">
    <header class="ub ub-pc ub-ac">
        <a href="#" onClick="javascript :history.go(-1);"><i class="iconfont icon-fanhui">
        </i></a>
        <p class="title ub-f1" align="center">查询结果</p>
    </header>
    <section class="ub-f1 center-box">
        <div class="citem weui_cells">
            <volist name="ret" id="vo">
                <div class="accordion-item">
                    <div class="accordion-item-toggle  weui_cells_access">
                        <div class="weui_cell item-collapse" href="javascript:;">
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>时间：{:date("Y-m-d H:i:s",$vo['regtime'])}</p>
                            </div>
                            <div class="weui_cell_ft">{:qk($vo['jobpro'])}</div>
                        </div>
                    </div>
                    <div class="accordion-item-content">
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>学号</p>
                            </div>
                            <div class="weui_cell_ft">{$vo.stuid}</div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>姓名</p>
                            </div>
                            <div class="weui_cell_ft">{$vo.name}</div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>手机</p>
                            </div>
                            <div class="weui_cell_ft">{$vo.phonum}</div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>地点</p>
                            </div>
                            <div class="weui_cell_ft">{$vo.dorid}</div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>房号</p>
                            </div>
                            <div class="weui_cell_ft">{$vo.dornum}</div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>问题描述</p>
                            </div>
                            <div class="weui_cell_ft">{$vo['matdes']}</div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>进度</p>
                            </div>
                            <div class="weui_cell_ft">{:qk($vo['jobpro'])}</div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_bd weui_cell_primary coll">
                                <p>反馈</p>
                            </div>
                            <div class="weui_cell_ft">{$vo['fk']}</div>
                        </div>
                    </div>
                </div>
            </volist>
        </div>
    </section>
</div>

<div class="citem weui_cells">
    <div class="accordion-item">
        <div class="accordion-item-toggle  weui_cells_access">
            <div class="weui_cell item-collapse" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>cell standard</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
        </div>
        <div class="accordion-item-content">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary coll">
                    <p>标题文字</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary coll">
                    <p>标题文字</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary coll">
                    <p>标题文字</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
        </div>
    </div>

    <div class="accordion-item">
        <div class="accordion-item-toggle  weui_cells_access">
            <div class="weui_cell item-collapse" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>cell standard</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
        </div>
        <div class="accordion-item-content">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary coll">
                    <p>标题文字</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary coll">
                    <p>标题文字</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary coll">
                    <p>标题文字</p>
                </div>
                <div class="weui_cell_ft">说明文字</div>
            </div>
        </div>
    </div>

</div>

<script src="__PUBLIC__/home/js/jquery-2.2.4.min.js"></script>
<script>

    (function ($) {
        $.fn.accordion = function (a) {
            var agm = {
                item: '.accordion-item',
                toggle: '.accordion-item-toggle',
                content: '.accordion-item-content'
            };

            var o = $.extend(agm, a);
            var _this = $(this);
            var item = _this.find(o.item);
            var toggle = _this.find(o.toggle);
            var content = _this.find(o.content);
            item.click(function () {
                content.eq($(this).index()).slideToggle("fast");
                toggle.eq($(this).index()).toggleClass("active");
            });
            content.click(function (e) {
                e.stopPropagation();
            });
        }
    })(jQuery);

    $('.citem').accordion();
</script>
</body>
</html>